const myChart = echarts.init(document.getElementById('main'), null, {renderer: 'svg'});
const option = {
    xAxis: [
        {
            axisLabel: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            splitLine: {
                show: true,
                lineStyle: {
                    width: 3
                }
            }
        }
    ],
    yAxis: [
        {
            axisLabel: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            splitLine: {
                show: true,
                lineStyle: {
                    width: 3
                }
            }
        }
    ],
    series: [
        {
            lineStyle: {
                color: '#5470C6',
                width: 3,
                type: 'dashed'
            },
            data: [
                [0, 10],
                [10, 10],
                [10, 30],
                [20, 30],
                [20, 0],
                [30, 0],
                [30, -10],
                [40, -10],
                [40, 10]
            ],
            type: 'line'
        },
        {
            symbol: 'triangle',
            symbolSize: 20,
            itemStyle: {
                borderWidth: 3,
                borderColor: '#EE6666',
                color: 'yellow'
            },
            data: [
                [0, 10],
                [40, 10]
            ],
            type: 'scatter'
        }
    ]
};
myChart.setOption(option);
